<div class="page-header">
    <div class="header-top">
        <a href="{#$site_url#}" class="site-logo" title="{#$site_title#}"></a>
        <div class="search-container">
            <form name="sofrm" class="search-form" method="get" action="" onSubmit="return rewrite_search()">
                <input name="mod" type="hidden" class="mod" value="search" />
                <input name="type" type="hidden" class="type" value="name" />
                <div class="search-options">
                    <div class="current-option">网站名称</div>
                    <ul class="option-list">
                        <li><a href="javascript: void(0);" name="name">网站名称</a></li>
                        <li><a href="javascript: void(0);" name="url">网站地址</a></li>
                        <li><a href="javascript: void(0);" name="tags">TAG标签</a></li>
                        <li><a href="javascript: void(0);" name="intro">网站描述</a></li>
                    </ul>
                </div>
                <input name="query" type="text" class="search-input" class="query" onFocus="this.value='';" /><input
                    type="submit" class="search-button" value="搜 索" />
            </form>
        </div>
    </div>
    <div class="navigation-bar">
        <ul class="nav-menu">
            <li><a href="?mod=index">网站首页</a></li>
            <li><a href="?mod=webdir">网站目录</a></li>
            <li><a href="?mod=article">站长资讯</a></li>
            <li><a href="?mod=weblink">链接交换</a></li>
            <li><a href="?mod=category">分类浏览</a></li>
            <li><a href="?mod=update">最新收录</a></li>
            <li><a href="?mod=archives">数据归档</a></li>
            <li><a href="?mod=top">TOP排行榜</a></li>
            <li><a href="?mod=feedback">意见反馈</a></li>
        </ul>
    </div>
    <div class="header-text">
        <div class="stats-count">
            数据统计：<b>{#$stat.category#}</b>个主题分类，<b>{#$stat.website#}</b>个优秀站点，<b>{#$stat.article#}</b>篇站长资讯</div>
        <div class="quick-links">快捷方式：<a href="{#$site_root#}member/?mod=website&act=add">网站提交</a><a
                href="{#$site_root#}member/?mod=article&act=add">软文投稿</a><a
                href="{#$site_root#}?mod=diypage&pclass=1">帮助中心</a></div>
    </div>
</div>
<div class="promo-banner">
    <a target="_blank" href="https://www.xiaoyanger.net/">全新的分类目录站点，点击去提交</a>
</div>
<style>
    .promo-banner {
        margin: 1rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(45deg, #fd8434, #ffa994, #fd3c3c, #ff9e88, #ff6060, #ff146e, #ff96df);
        background-size: 400% 400%;
        animation: gradientAnimation 10s ease infinite;
        border-radius: 0.6rem;
        padding: 1rem 0;
    }

    @keyframes gradientAnimation {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .promo-banner a {
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        text-decoration: none;
    }
</style>